<!doctype html>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Grima Portal</title>
	<link rel="stylesheet" type="text/css" href="../css/themes/bootstrap/easyui.css">
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../css/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/portal.css">
	<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../css/tn3.css"></link>
	
	<script type="text/javascript" src="../js/bootstrap.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.tn3lite.min.js"></script>
</head>

<body class="easyui-layout">

    <div data-options="region:'north',border:false" style="height:50px;padding:10px;overflow: hidden;">
		<jsp:include page="header.jsp" />
	</div>
    <div data-options="region:'east',split:true,collapsed:true,title:' '" style="width:250px;padding:10px;"></div>
	<div data-options="region:'south',border:false" style="height:30px;padding:10px;background:#F5F5F5;text-align:center;color:#707070">
		<jsp:include page="footer.jsp" />
	</div>

    <div data-options="region:'center',title:'Descritivo ${descriptive.id} : ${descriptive.customer.name} - ${descriptive.collection} ${descriptive.segment} '">
		<div style="margin:5px">
			<a href="descriptives.html" title="Voltar"><i class="fa fa-mail-reply" style="font-size:18px;color:green;padding:5px;"></i>Voltar</a>
			<a href="#" title="Editar" onclick="edit();"><i class="fa fa-edit" style="font-size:18px;color:green;padding:5px;"></i>Editar</a>
		</div>
		<br/>
    
		<div class="easyui-tabs" >

			<div title="Descriptive" style="padding:10px">
				<div id="descriptiveHeader">
					<jsp:include page="descriptiveHeaderDetails.jsp" />
				</div>
			</div>

			<div title="Itens" style="padding:10px">
				<div id="descriptiveItems">
					<jsp:include page="descriptiveItemsDetails.jsp" />
				</div>		
			</div>

		</div>
	</div>

	<script>
		function edit(){
			var id = ${descriptive.id};
			window.location.href = '<c:url value="/secure/descriptiveEdit.html"/>?id='+id;
		}
		</script>
	
</body>
</html>